body {
    /* background: #000; */
    background: #CACACA;
    color: #000;
    font-family: sans-serif;
    text-align: center;
    margin: auto;
}
a {
    text-decoration: none;
}
h1 {
    font-size: 26px;
    color: #02fcfe;
    margin: 3px;
}
h2 {
    font-size: 24px;
    color: #000;
    margin: 3px;
}
h3 {
    font-size: 23px;
    color: #fff;
    margin: 3px;
}
p {
    margin: 1px;
    color: purple;
}
hr {
    border-top: 1px solid #fff;
}
.bttn {
    background: #02fcfe;
    padding: 7px;
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
    border: 1px solid #02fcfe;
    border-radius: 5px;
    font-weight: 700;
    margin: 3px;
}
.bttn:hover {
    box-shadow: 0 0 10px 0 #3498db inset, 0 0 10px 4px #3498db;
    background: #000;
    color: #fff;
}
.head {
    border: 3px solid #02fcfe;
    background: #1b2631;
    color: #fff;
    padding: 7px;
}
.livehead {
    background: #02fcfe;
    padding: 5px;
    margin-top: 5px;
}
.livebody {
    border: 3px solid #02fcfe;
    background: #1b2631;
    color: #fff;
    padding: 7px;
}
.resulthead {
    background: #f4ff00;
    padding: 5px;
    margin-top: 5px;
}
.resultbody {
    border: 2px solid #f4ff00;
    background: #1b2631;
    color: #000;
}
.monthhead {
    background: #ffa600;
    padding: 5px;
    margin-top: 5px;
}
.monthbody {
    border: 3px solid #ffa600;
    background: #fff;
    color: #000;
}
.chart {
    background: #02fcfe;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.chartlink {
    background: #00ffb8;
    margin-top: 3px;
    margin-bottom: 3px;
}
.chartlink a {
    background: gold;
    padding: 5px;
    margin-top: 3px;
    margin-bottom: 3px;
    border: 2px solid blue;
    color: #000;
    display: block;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
}
.pages {
    font-size: 15px;
    padding: 5px;
    margin: 6px;
}
.pages a {
    background: #02fcfe;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #02fcfe;
    color: #000;
    display: inline-block;
    text-decoration: none;
    margin-top: 3px;
}
.pages a:hover {
    background: #000;
    padding: 6px;
    border-radius: 4px;
    border: 1px solid #02fcfe;
    color: #02fcfe;
    display: inline-block;
    text-decoration: none;
    margin-top: 3px;
}

.border-5box{
    box-sizing: border-box;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.0rem;
    border: dashed red;
    background: linear-gradient(to bottom, ##0e0e0d, #ffffff);
    border-radius: 20px;
}
@media screen and (min-width: 300px) and (max-width: 960px) {
    .fixed-footer{
      
        width:100% !important;
    }

        
    }

.col6-1 {
background-color: #FF5733 !important;
}
.col6-2 {
    background-color: #020087 !important;
}
.col6-3 {
    background-color: #FF1493 !important;
}
.col6-4 {
    background-color: #FE0001 !important;
}
.col6-5 {
    background-color: #FFFF00 !important;
}
.col6-6 {
    background-color: #DB00E0 !important;
}
.col6-7 {
    background-color: #87CEEA !important;
}
.col6-8 {
    background-color: #FE0000 !important;
}
.col6-9 {
    background-color: #0204FF !important;
}
.col6-10 {
    background-color: #00EA00 !important;
}
.col6-11 {
    background-color:#5b1010 !important;
}
.col6-12 {
    background-color: #3498db !important;
}
.col6-13 {
    background-color: red !important;
}
.col6-14 {
    background-color: rgb(0, 200, 255) !important;
}
.col6-15 {
    background-color: rgb(104, 68, 68) !important;
}
.col6-16 {
    background-color: rgb(255, 0, 51) !important;
}
.col6-17 {
    background-color: rgb(0, 51, 255) !important;
}
.col6-18 {
    background-color: rgba(255, 230, 0, 0.547) !important;
}
.col6-19 {
    background-color: rgb(126, 21, 21) !important;
}
.col6-20 {
    background-color: rgb(0, 255, 26) !important ;
}
.col6-21 {
    background-color: rgb(43, 19, 19) !important;
}
.col6-22 {
    background-color: rgb(45, 122, 13) !important;
}
.col6-23 {
    background-color: #8A2BE2 !important;
}
.col6-24 {
    background-color: #736AFF !important;
}
.col6-25 {
    background-color: #6A5ACD !important;
}
.col6-26 {
    background-color: #B3FF6f !important;
}
.col6-27 {
    background-color:#B3FF5C !important;
}
.col6-28 {
    background-color:#DE5CFF !important;
}
.col6-29 {
    background-color: #87CEFA !important;
}
.col6-30 {
    background-color: #3B3131 !important;
}
/**/

.col6-31 {
    background-color: #FF5733 !important;
}

.col6-32 {
    background-color: #020087 !important;
}

.col6-33 {
    background-color: #FF1493 !important;
}

.col6-34 {
    background-color: #FE0001 !important;
}

.col6-35 {
    background-color: #FFFF00 !important;
}

.col6-36 {
    background-color: #DB00E0 !important;
}

.col6-37 {
    background-color: #87CEEA !important;
}

.col6-38 {
    background-color: #FE0000 !important;
}

.col6-39 {
    background-color: #0204FF !important;
}

.col6-40 {
    background-color: #00EA00 !important;
}

.col6-41 {
    background-color: #5b1010 !important;
}

.col6-42 {
    background-color: #3498db !important;
}

.col6-43 {
    background-color: red !important;
}

.col6-44 {
    background-color: rgb(0, 200, 255) !important;
}

.col6-45 {
    background-color: rgb(104, 68, 68) !important;
}

.col6-46 {
    background-color: rgb(255, 0, 51) !important;
}

.col6-47 {
    background-color: rgb(0, 51, 255) !important;
}

.col6-48 {
    background-color: rgba(255, 230, 0, 0.547) !important;
}

.col6-49 {
    background-color: rgb(126, 21, 21) !important;
}

.col6-50 {
    background-color: rgb(0, 255, 26) !important;
}

.col6-51 {
    background-color: rgb(43, 19, 19) !important;
}

.col6-52 {
    background-color: rgb(45, 122, 13) !important;
}

.col6-53 {
    background-color: #8A2BE2 !important;
}

.col6-54 {
    background-color: #736AFF !important;
}

.col6-55 {
    background-color: #6A5ACD !important;
}

.col6-56 {
    background-color: #B3FF6f !important;
}

.col6-57 {
    background-color: #B3FF5C !important;
}

.col6-58 {
    background-color: #DE5CFF !important;
}

.col6-59 {
    background-color: #87CEFA !important;
}

.col6-60 {
    background-color: #3B3131 !important;
}
/**/

.col6-61 {
    background-color: #FF5733 !important;
}

.col6-62 {
    background-color: #020087 !important;
}

.col6-63 {
    background-color: #FF1493 !important;
}

.col6-64 {
    background-color: #FE0001 !important;
}

.col6-65 {
    background-color: #FFFF00 !important;
}

.col6-66 {
    background-color: #DB00E0 !important;
}

.col6-67 {
    background-color: #87CEEA !important;
}

.col6-68 {
    background-color: #FE0000 !important;
}

.col6-69 {
    background-color: #0204FF !important;
}

.col6-70 {
    background-color: #00EA00 !important;
}

.col6-71 {
    background-color: #5b1010 !important;
}

.col6-72 {
    background-color: #3498db !important;
}

.col6-33 {
    background-color: #800020 !important;
}

.col6-74 {
    background-color: #702963 !important;
}

.col6-75 {
    background-color: #960018 !important;
}

.col6-76 {
    background-color: #DE3163 !important;
}

.col6-77 {
    background-color: #007BA7 !important;
}

.col6-78 {
    background-color: #7B3F00 !important;
}

.col6-79 {
    background-color: #4B0082 !important;
}

.col6-80 {
    background-color: #008001 !important;
}

.col6-81 {
    background-color: #FF00FF !important;
}

.col6-82 {
    background-color: #FF00AF !important;
}

.col6-83 {
    background-color: #800000 !important;
}

.col6-84 {
    background-color: #E0B0FF !important;
}

.col6-85 {
    background-color: #000080 !important;
}

.col6-86 {
    background-color: #CC7722 !important;
}

.col6-87 {
    background-color: #808000 !important;
}

.col6-88 {
    background-color: #FF8000 !important;
}

.col6-89 {
    background-color: #FF4500 !important;
}

.col6-100 {
    background-color: #DA70D6 !important;
}
/**/

.col6-91 {
    background-color: #FFE5B4 !important;
}

.col6-92 {
    background-color: #D1E231 !important;
}

.col6-93 {
    background-color: #C3CDE6 !important;
}

.col6-94 {
    background-color: #1C39BB !important;
}

.col6-95 {
    background-color: #FFC0CB !important;
}

.col6-96 {
    background-color: #8E4585 !important;
}

.col6-97 {
    background-color: #003153 !important;
}

.col6-98 {
    background-color: #CC8899 !important;
}

.col6-99 {
    background-color: #6A0DAD !important;
}

.col6-100 {
    background-color: #E30B5C !important;
}

.col6-101 {
    background-color: #FF0000 !important;
}

.col6-102 {
    background-color: #C71585 !important;
}

.col6-103 {
    background-color: #FF007F !important;
}

.col6-104 {
    background-color: #E0115F !important;
}

.col6-105 {
    background-color: #FA8072 !important;
}

.col6-106 {
    background-color: #92000A !important;
}

.col6-107 {
    background-color: #0F52BA !important;
}

.col6-108 {
    background-color: #FF2400 !important;
}

.col6-109 {
    background-color: #C0C0C0 !important;
}

.col6-110 {
    background-color: #708090 !important;
}

.col6-111 {
    background-color: #A7FC00 !important;
}

.col6-112 {
    background-color: #00FF7F !important;
}

.col6-113 {
    background-color: #D2B48C !important;
}

.col6-114 {
    background-color: #483C32 !important;
}

.col6-115 {
    background-color: #008080 !important;
}

.col6-116 {
    background-color: #40E0D0 !important;
}

.col6-117 {
    background-color: #3F00FF !important;
}

.col6-118 {
    background-color: #8000FF !important;
}

.col6-119 {
    background-color: #40826D !important;
}

.col6-120 {
    background-color: #FFFF00 !important;
}
/**/